﻿<!DOCTYPE html>
<html>
<head>
<base href="<%=basePath%>">
<title>曲线显示-Middle</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<link rel="stylesheet" type="text/css" href="../../static/bootstrap-3.3.7/css/bootstrap.css">
	<link rel="stylesheet" type="text/css" href="../../static/bootstrap-3.3.7/css/bootstrap-datetimepicker.min.css" />
	<link rel="stylesheet" type="text/css" href="../../static/bootstrap-3.3.7/css/bootstrap-slider.min.css" />
	<link rel="stylesheet" type="text/css" href="../../static/easyui/themes/default/easyui.css">
	<link rel="stylesheet" type="text/css" href="../../static/easyui/themes/icon.css">
	<link rel="stylesheet" type="text/css" href="../../static/layui/css/layui.css">
	<link rel="stylesheet" type="text/css" href="../../static/font-awesome-4.7.0/css/font-awesome.min.css">

	<script type="text/javascript" src="../../static/js/jquery-2.1.3.min.js"></script>
	<script type="text/javascript" src="../../static/easyui/jquery.easyui.min.js"></script>
	<script type="text/javascript" src="../../static/js/jquery.cookie.js"></script>
	<script type="text/javascript" src="../../static/js/zrender.js"></script>


	<script type="text/javascript" src="../../static/layer/layer.js"></script>
	<script type="text/javascript" src="../../static/bootstrap-3.3.7/js/bootstrap.js"></script>
	<script type="text/javascript" src="../../static/bootstrap-3.3.7/js/bootstrap-datetimepicker.min.js"></script>
	<script type="text/javascript" src="../../static/bootstrap-3.3.7/js/bootstrap-datetimepicker.zh-CN.js"></script>
	<script type="text/javascript" src="../../static/bootstrap-3.3.7/js/moment-with-locales.js"></script>
	<script type="text/javascript" src="../../static/bootstrap-3.3.7/js/bootstrap-slider.min.js"></script>
	<script type="text/javascript" src="../../static/bootstrap-3.3.7/js/BootstrapMenu.min.js"></script>
	<script type="text/javascript" src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
	<script type="text/javascript" src="../../static/js/utils/CommonUtils.js"></script>
	<script type="text/javascript" src="../../static/js/utils/Base64Utils.js"></script>

	<!-- 拖动 缩放js -->
<script type="text/javascript" src="../../static/js/svg.min.js"></script>
<script type="text/javascript" src="../../static/js/jquery.panzoom.js"></script>
<script type="text/javascript" src="../../static/js/html2canvas.min.js"></script>
<!--自定义css-->

<link rel="stylesheet" type="text/css" href="../../static/css/sxl/curveDisplay.css">
<link rel="stylesheet" type="text/css" href="../../static/css/sxl/curveDisplayMiddle.css">
<!--自定义js-->
<script type="text/javascript" src="../../static/js/sxl/curveDisplayMiddle.js"></script>
<script type="text/javascript" src="../../static/js/jquery.session.js"></script>
</head>

<body class="middlebody">
	<input type="hidden" id="getValue" name="getValue" value="" />
	<div class="middle">
		<!-- ******************工具箱******************************************************************************-->
		<div class="middle_tools">

			<input id="mataButton" class="btn btn-primary btn-sm" value="开测信息" onclick="showMataInfoWindow()" />
			<!--<input id="sensorButton" class="btn btn-success btn-sm" value="传感器设置" onclick="sensorConfig()" />-->
			<input id="curveButton" class="btn btn-primary btn-sm" value="曲线显示范围" onclick="showCurveRangeWindow()" />
			<input id="temButton" class="btn btn-primary btn-sm" value="温度统计范围" onclick="temperatureRange()" />
			<input id="datalistButton" class="btn btn-primary btn-sm" value="数据列表" onclick="showDataList()" />
			<input class="btn btn-primary btn-sm" value="统计值" onclick="showStatistics()" />
			<input class="btn btn-primary btn-sm" value="导出表格" onclick="exportData()" />
			<input class="btn btn-primary btn-sm" value="曲线自适应" onclick="fitCurveLine()" />
			<input class="btn btn-primary btn-sm" value="清除标记" onclick="clearFlag()" />
			<input class="btn btn-primary btn-sm" value="打印预览" onclick="printPreview()" />
			<!-- <input class="btn btn-warning btn-sm" value="新标准" onclick="fitCurveLine()" /> -->

		</div>
		<!-- ******************坐标轴列表******************************************************************************-->
		<div class="middle_axisList">
			<div id="axisList">
				<label class="btn btn-default btn-xs middle_label"> <input type="checkbox"><label class="axisName">电压</label>
				</label> <label class="btn btn-default btn-xs middle_label"> <input type="checkbox"><label class="axisName">电流</label>
				</label> <label class="btn btn-default btn-xs middle_label"> <input type="checkbox"><label class="axisName">功率</label>
				</label> <label class="btn btn-default btn-xs middle_label"> <input type="checkbox"><label class="axisName">耗电量</label>
				</label>
			</div>
		</div>

		<!-- ******************曲线******************************************************************************-->
		<div id="curveArea" class="middle_curve">

			<!--svg用于画x轴和曲线,svg中的polyline属性不能写入css中 ,svg 属于html5 中的 只能在html操作-->
			<svg xmlns="http://www.w3.org/2000/svg" version="1.1" id='svgCurveLines' style="overflow: visible">
			</svg>

			<!--注意:绝对定位会影响canves的宽度和高度-->
			<!--myCanvas 用于画游标等其它元素(移动的十字线)-->
			<canvas id="myCanvas"></canvas>


			<!--打印预览需要抓取的区域-->
			<div id="printContent">
				<!--myCanvas2 用于画复数坐标轴(纵轴)-->
				<canvas id="myCanvas2"></canvas>
				<!--gridCanvas 用于画网格和背景-->
				<canvas id="gridCanvas"></canvas>
			</div>

			<!--zrender用于画额外的标注线-->
			<div id="zrender" draggable="true"></div>

		</div>
	</div>


	<!-- *******************************************9.坐标轴上下限设置*****************************************************-->
	<div id="winY" class="easyui-window winY" title="纵坐标上下限设置" closed="true">
		<div id="changYlist" class="changYlist">
			<div class="input-group inputgrouptop">
				<span class="input-group-addon">上限</span>
				<input id="topYlimit" type="text" class="form-control" placeholder="单位为:V" aria-describedby="basic-addon1">
			</div>
			<div class="input-group inputgrouptop">
				<span class="input-group-addon">下限</span>
				<input id="bottomYlimit" type="text" class="form-control" placeholder="单位为:V" aria-describedby="basic-addon1">
			</div>
		</div>
		<div id="changYButtonWrap" class="changYButtonWrap">
			<input class="btn btn-info btn-default" value="确定" onclick="changeYaxisValue()">
			&nbsp;&nbsp;&nbsp;&nbsp;
			<input class="btn btn-info btn-default" value="取消" onclick="$('#winY').window('close');">
		</div>
	</div>

</body>
</html>